<template>
	<view class="rowCenAro pt-3 pb-1" style="width: 650rpx;">
		<template v-for="(item,index) in headTabData.list" :key="index">
			<view class="colCenBet" @click="tabClick(index)">
				<text>{{item.text}}</text>
				<view :class="headTabData.activeIndex === index?'bg-gradual-blue':''" class="radius-100 mt-1"
					style="width:50%;height: 6rpx;"></view>
			</view>
		</template>
	</view>
</template>

<script setup lang="ts">
	defineProps({
		headTabData:{
			type:Object,
			required:true
		}
	})
	const emit = defineEmits(['click'])
	const tabClick = (index)=>{
		emit('click',index)
	}
</script>

<style>

</style>
